<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <link REL="SHORTCUT ICON" HREF="{% static "Image/favicon.ico" %}"/>
    <link rel="stylesheet" href="/static/论文_CSS/cart.css">
    <link rel="stylesheet" href="/static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/static/论文_CSS/order.css">
    <link rel="stylesheet" href="/static/论文_CSS/Home_css.css">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/jquery-ui-1.12.1/external/jquery/jquery.js">
    <script src="/static/bootstrap/js/bootstrap.js"></script>
    <script src="/static/jquery-ui-1.12.1/external/jquery/jquery.js"></script>
</head>
<body style="background-image:url(/static/Image/背景图片.jpg)" >
<div class="body_meau">
    <div class="header_meau">
        <div class="header_meau_logo left">
            <div class="header_meau_logo_image">
                <i class="fa fa-cart-arrow-down fa-3x" aria-hidden="true"></i>
            </div>
            <div class="header_meau_logo_right">
                <b><a class="header_meau_logo_right_font" href="{% url 'person_info' %}">用户中心</a></b>
                <b><a class="header_meau_logo_right_font" href="{% url 'usercart' %}">购物车</a></b>
                <b><a class="header_meau_logo_right_font" href="{% url 'order' %}">订单信息</a></b>
                <b><a class="header_meau_logo_right_font" href="{% url 'Home' %}">网站导航</a></b>
            </div>
        </div>
        <div class="header_meau_Landing_search">
            <input type="text" style="width: 371px; height: 29px; position: relative; top: 8px;left: 79px;"/>

            <div style=" position: relative;width: 50px;height:44px;float: right; top: 7px;">
                <!--<i class="fa fa-search fa-2x" aria-hidden="true" ></i>-->
                <button style=" position: relative;width: 50px;height:37px;left: 64px;top: 2px; cursor: pointer;">
                    <i class="fa fa-search fa-1x" aria-hidden="true"></i>
                </button>
            </div>

        </div>
        <div class="header_meau_Landing right">
            <div class="header_meau_Landing icon">
                <i class="fa fa-id-card-o fa-2x" aria-hidden="true"></i>
            </div>
            <div class="header_meau_Landing landing1">
                <a href="{% url 'login' %}">
                    <button style="position: relative;top: 9px; font-size: 14px;" class="btn btn-success" type="submit">
                        登录
                    </button>
                </a>
                &nbsp; &nbsp;
                <a href="{% url 'regiter' %}">
                    <button style="position: relative;top: 9px; font-size: 14px;" class="btn btn-group" type="submit">
                        注册
                    </button>
                </a>
            </div>
            <div class="header_meau_Landing send">
                <a style="position: absolute;top: 6px; font-size: 19px;padding: 0px 15px 0px 15px; left: 25px;">意见箱</a>
            </div>
        </div>
        <div class="header_meau_Landing set ">
            <i class="fa fa-cogs fa-spin" aria-hidden="true" style="padding-top: 15px;"></i>
        </div>
    </div>
</div>
<div class="right_line"></div>
<div class="left_line"></div>

<div style="display: inline-block;">
    <div class="total_price">
        <button class="btn btn-success" style="width: 100%;height: 50px;" id="pay">购买</button>
    </div>
    <div class="total_price1">
        <h2 style="color: red">总价:{{ order.o_price }}元</h2>
    </div>
    {% for ordergoods in order.ordergoods_set.all %}
    <div class="body_set_info">
        <h4 style="padding: 23px;">订单编号：{{ order.id }}</h4>

            <ul>
                <li><img src="{{ MEDIA_URL }}{{ ordergoods.o_goods.img }}" alt="" class="image"></li>
            </ul>
            <h4 style="position: absolute;left: 230px;top:20px;">{{ ordergoods.o_goods.goods_info }}</h4>
            <h4 style="position: absolute;left: 230px;top: 100px;">价格{{ ordergoods.o_goods.goods_price }}</h4>
            <h4 style="position: absolute;left: 1300px;top: 70px;">数量:{{  ordergoods.o_goods_num }}</h4>

    </div>
{% endfor %}

</div>
    <script>
        $(function () {
            $("#pay").click(function () {
                console.log("支付");
            })

        })
    </script>
</body>
</html>